<!DOCTYPE html>
<html lang="de">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>Web-Programmierung Praktikum</title>
		<link href="./bootstrap/css/bootstrap-blue.css" rel="stylesheet">
		<link type="text/css" href="./css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
		<link type="text/css" href="./css/custom.css" rel="stylesheet" media="all" />
		<link type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" media="all" />
	</head>
	<body>
		<div id="site">
			<div class="container">
				<div class="row">
					<div class="span12">
						<div class="navbar navbar-inverse">
						  <div class="navbar-inner">

							<a class="brand" href="#"><img src="./images/question.png" id="logo" alt="quizlogo"> WebQuiz</a>
						  </div>
						</div>
					</div>
				</div>
			</div>	
			<div class="container">
				<div class="row">
					<div class="span8">
						<div class="well" id="main_content">
							<div id="login_box_content">
								<div class="form-horizontal" id="login_box">
									<i class="icon-user"></i>
									<input class="input-small" type="text" placeholder="Username" id="login_field">
									<button class="btn btn-primary" type="submit" id="login_button">Login<i class="icon-chevron-right icon-white"></i></button>
								</div>
								<div id="login_error_box" class="alert alert-error" style="display:none;">
								     <button type="button" class="close" data-dismiss="alert">&times;</button>
								     <div id="login_error_box_description"></div>
							   </div>
							   
							</div>
							<div id="start_box_content">
								
								<button class="btn btn-primary btn-large disabled" type="submit" disabled id="start_button">Start<i class="icon-chevron-right icon-white"></i></button>
							</div>
							
							<div id="gameover_content">
								<div id="messageStatus"></div>
								<button class="btn btn-primary btn-large disabled" type="submit" disabled id="new_button">New Game<i class="icon-chevron-right icon-white"></i></button>
							</div>
							<div id="gameContent">
								<div id="question"></div>
								<ul class="nav nav-list" id="anwers"></ul>
								<div id="timer1"></div>
							</div>
							
						</div>
					</div>
					<div class="span4" id="sidebar">
						<div class="well form-horizontal" id="catalog_box">
							<h3> <i class="icon-book"></i> Catalogues</h3>
							<ul class="nav nav-list"><li class="divider"></li></ul>
							<div id="scrollable" style="height:100px;">
							    <ul class="nav nav-list" id="catalogListe">
	
							      </ul>
							 </div>
							 <ul class="nav nav-list"><li class="divider"></li></ul>
						</div>
						<div class="well">
							<h3><i class="icon-star-empty"></i> Highscore</h3>
							<ul class="nav nav-list">
								<li class="row">
									<div class="span2"><h4>Player</h4></div>
									<div class="span1"><h4>Score</h4></div>
									
								</li>
								<li class="divider"></li>
							</ul>
							<ul id="player_list" class="nav nav-list">
							</ul>
							<ul class="nav nav-list"><li class="divider"></li></ul>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="span12">
						<div class="well">
							&copy; Gruppe 02 SS13
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- javascript
		================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		
		<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
		<script type="text/javascript" src="./bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
		<script type="text/javascript" src="js/clientLogic.js"></script>
		<script type="text/javascript" src="http://malsup.github.io/jquery.form.js"></script>
		<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		<script type="text/javascript" src="js/timer360.js"></script>
				<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
	</body>
</html>